<template>
  <div class="home">
    <MapView />
    <DataPanel />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import MapView from "../components/MapView.vue";
import DataPanel from "../components/DataPanel.vue";

export default defineComponent({
  name: "Home",
  components: {
    MapView,
    DataPanel,
  },
});
</script>

<style scoped>
.home {
  display: flex;
  flex-direction: column;
  color: aliceblue;
}
</style>
